<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOM添加事件</title>
	</head>
	<body>
		<button>按钮</button>
	</body>
	<script>
		function fun1() {
			console.log('fun1')
		}
		let btn = document.getElementsByTagName('button')[0]
		// 匿名函数来赋值给onclick
		btn.onclick = function() {
			console.log('点击事件1')
		}
		// 覆盖上面的onclick
		btn.onclick = fun1
		// 添加事件监听，事件监听可以有多个并行存在
		btn.addEventListener('click', function() {
			console.log('添加事件监听1')
		})
		btn.addEventListener('click', function() {
			console.log('添加事件监听2')
		})
		// 触发顺序：1.onclick的动作；2.依次执行多个eventListener
		btn.click() // 触发点击事件，相当于人点了按钮
	</script>
</html>